<template>
  <div class="echart-xAxis-axisTick">
    <FormItem
      :form="form"
      option="echart.xAxis.axisLine.symbol"
      :label="$demoi18n('echart.label.axisLineArrows')"
      type="select_array"
      :options="symbols"
    />
    <FormItem
      :form="form"
      option="echart.xAxis.axisLine.symbolSize"
      :label="$demoi18n('echart.label.sizeOfArrowhead')"
      type="number_array"
    />
    <FormItem
      :form="form"
      option="echart.xAxis.axisLine.symbolOffset"
      :label="$demoi18n('echart.label.offsetOfArrowhead')"
      type="number_array"
    />
    <FormItem
      :form="form"
      option="echart.xAxis.axisLine.lineStyle.color"
      :label="$demoi18n('echart.label.axisColor')"
      type="color"
    />
    <FormItem
      :form="form"
      option="echart.xAxis.axisLine.lineStyle.width"
      :label="$demoi18n('echart.label.axisLineWeight')"
      type="number"
    />
    <FormItem
      :form="form"
      option="echart.xAxis.axisLine.lineStyle.type"
      :label="$demoi18n('echart.label.axisType')"
      type="select"
      :options="lineTypes"
    />
  </div>
</template>
<script>
import FormItem from '@/components/common/echart/form-item.vue';
import { lineTypes, symbols } from '@/components/common/echart/form-item-options.js';

export default {
  components: { FormItem },
  props: {
    form: Object,
  },
  data() {
    return {
      lineTypes,
      symbols,
    };
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>
<style lang="less" scoped></style>
